<script >

export default {
  name: "javaDownload",
  data() {
    return {
      value: "",
      javaConfig: [
        {
          label: "JDK8",
          value: "JDK8",
        },
        {
          label: "JDK11",
          value: "JDK11",
        },
        {
          label: "JDK15",
          value: "JDK15",
        },
      ],
      downloadUrl: "",
      downloadUrlList: []
    };
  },
}
</script>

<template>

  <el-row :gutter="24">
    <el-col :span="24" class="my-select-list">
      <span>下载源:</span>
      <el-select v-model="downloadUrl" class="m-2" placeholder="下载源">
        <el-option
            v-for="item in downloadUrlList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        />
      </el-select>
      <el-button type="primary">刷新下载源</el-button>
    </el-col>
    <el-col :span="24" class="my-select-list">
      <span>版本号:</span>
      <el-select v-model="value" class="m-2" placeholder="下载版本">
        <el-option
            v-for="item in javaConfig"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        />
      </el-select>
      <el-button type="primary">刷新版本源</el-button>
    </el-col>
  </el-row>
</template>

<style scoped>
*{
  padding: 0 5px;
}
.my-select-list{
  margin-top: 10px;
}
</style>